.App {
  text-align: center;
  width: 100%;
  height: 100vh;
  background: #283644;
}

.App-header {
  height: 7vh;
}

.App-content {
  height: 93vh;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  .left {
    flex: 1;
    &-top {
      position: relative;
      width: 100%;
      height: 31vh;
      // margin-bottom: 1vh;
    }
    &-center {
      position: relative;
      width: 100%;
      height: 31vh;
      // margin-bottom: 1vh;
    }
    &-bottom {
      position: relative;
      width: 100%;
      height: 31vh;
      // margin-bottom: 1vh;
    }
  }
  .center {
    flex: 3;
    &-top {
      height: 12vh;
    }
    &-bottom {
      height: 81vh;
    }
  }
  .right {
    flex: 1;
    &-top {
      position: relative;
      width: 100%;
      height: 31vh;
      // margin-bottom: 1vh;
    }
    &-center {
      position: relative;
      width: 100%;
      height: 31vh;
      // margin-bottom: 1vh;
    }
    &-bottom {
      position: relative;
      width: 100%;
      height: 31vh;
      // margin-bottom: 1vh;
    }
  }
}
